<input id="multiFile" type="file" nv-file-select="" uploader="uploader" multiple style="display:none;"/>
<input id="singleFile" type="file" nv-file-select="" uploader="uploader" style="display:none;"/> 


 <div class="row">      
     <div class="col-md-12" style="font-family:'Microsoft YaHei';margin-bottom: 40px">
         <h3>上传队列</h3> 
         <p>排队数量: {{ Files.length }}</p>
         <table class="table"> 
             <thead> 
                 <tr>
                    <th style="width:15%;text-align:center;">上传内容</th>
                     <th style="width:25%;text-align:center;">文件名</th> 
                     <th style="width:10%;text-align:center;" ng-show="uploader.isHTML5">大小(MB)</th> 
                     <th style="width:20%;text-align:center;" ng-show="uploader.isHTML5">上传进度</th> 
                     <th style="width:10%;text-align:center;">状态</th> 
                     <th style="width:20%;text-align:center;">操作</th> 
                 </tr> 
             </thead> 
             <tbody> 
              <tr ng-repeat="item in FileItems">
                <td>{{ item.DisplayName }}</td> 
                <td><strong>{{ item.FileItem.file.name }}</strong></td> 
                <td ng-show="uploader.isHTML5" nowrap>{{ item.FileItem.file.size/1024/1024|number:2 }}</td> 
                <td ng-show="uploader.isHTML5"> 
                  <div class="progress" style="margin-bottom: 0;"> 
                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.FileItem.progress + '%' }" style="color:#000000;"></div>
                  </div> 
                 </td> 
                     <td class="text-center"> 
                        <span ng-show="!item.isSelected">待选择</span>
                        <span ng-show="item.isSelected && !item.FileItem.isSuccess && !item.FileItem.isCancel && !item.FileItem.isError">待上传</span>
                         <span ng-show="item.FileItem.isSuccess"><i class="glyphicon glyphicon-ok-circle"></i></span> 
                         <span ng-show="item.FileItem.isCancel"><i class="glyphicon glyphicon-remove-circle"></i></span> 
                         <span ng-show="item.FileItem.isError"><i class="glyphicon glyphicon-remove"></i></span> 
                     </td> 
                     <td nowrap>
                        <button type="button" class="btn btn-xs BtnAdd" style="color:#FFF;" ng-click="selectFile($index)" ng-disabled="item.isSelected"> 
                             <span class="glyphicon glyphicon-search"></span> 选择 
                        </button> 
                         <button type="button" class="btn btn-success btn-xs" ng-click="upload($index)" ng-disabled="!item.isSelected || item.FileItem.isReady || item.FileItem.isUploading || item.FileItem.isSuccess"> 
                             <span class="glyphicon glyphicon-upload"></span> 上传 
                         </button> 
                         <button type="button" class="btn btn-warning btn-xs" ng-click="cancel($index)" ng-disabled="!item.FileItem.isUploading"> 
                             <span class="glyphicon glyphicon-ban-circle"></span> 取消 
                         </button> 
                         <button type="button" class="btn btn-danger btn-xs" ng-click="remove($index)"ng-disabled="!item.isSelected"> 
                             <span class="glyphicon glyphicon-trash"></span> 删除 
                         </button> 
                     </td> 
                 </tr> 
             </tbody> 
         </table>

         <div> 
             <div> 
                 总体进度: 
                 <div class="progress" style=""> 
                     <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div> 
                 </div> 
            </div> 
             <button type="button" class="btn btn-success btn-s" ng-click="uploader.uploadAll()" ng-disabled="!uploader.getNotUploadedItems().length"> 
                 <span class="glyphicon glyphicon-upload"></span> 全部上传 
             </button> 
             <button type="button" class="btn btn-warning btn-s" ng-click="uploader.cancelAll()" ng-disabled="!uploader.isUploading"> 
                 <span class="glyphicon glyphicon-ban-circle"></span> 全部取消 
             </button> 
            <button type="button" class="btn btn-danger btn-s" ng-click="uploader.clearQueue()" ng-disabled="!uploader.queue.length"> 
                 <span class="glyphicon glyphicon-trash"></span> 全部删除 
             </button> 
         </div>
     </div>
</div>